<template>
	<div
		class="fc jc ac"
		:style="{paddingTop:top}"
	>
		<image
			mode="widthFix"
			:style="{width:width,height:height}"
			:src="imgSrc"
		></image>
		<div
			class="sevColor twoFontSize no-data-text"
			:style="{marginTop:textTip.length>10?`20px`:`10px`}"
		>
			<text class="f14 color99">{{textTip}}</text>
		</div>
	</div>
</template>

<script>
	export default {
		props: {
			top: {
				type: String,
				default: "20px"
			},
			width: {
				type: String,
				default: "300rpx"
			},
			height: {
				type: String,
				default: "300rpx"
			},
			textTip: {
				type: String,
				default: "暂无数据"
			},
			imgSrc: {
				type: String,
				default: "/static/image/no-data.png"
			}
		}
	}
</script>

<style scoped>
	.no-data-text {
		margin: 15px 0;
	}
</style>
